<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BoxMovie - Entrar</title>

<link rel="stylesheet" type="text/css" href="css/boxmovie.css" /> 

<script type="text/javascript">

function validarCamposCadastro(){

	var msg="";
	
	
	if(document.form.email.value=="")
	msg+=".Digite o E-mail\n";
	if(document.form.senha.value=="")
	msg+=".Digite a Senha\n";
	
	if(msg!=""){
	alert(msg);
	}
	else{
	document.form.opcaoCliente.value="cadastrar"
	document.form.submit();
	}
}

function validarCamposLogin(){

	var msg="";


	if(document.form.emailLogin.value=="")
	msg+=".Digite o E-mail\n";
	if(document.form.senhaLogin.value=="")
	msg+=".Digite a Senha\n";

	if(msg!=""){
	alert(msg);
	}
	else{
	document.form.opcaoCliente.value=""
	document.form.submit();
	}
}
</script>

</head>
<body>
<div id="tudo"><!-- div inicial - com todo conteudo -->
<div id="topo"><!-- div topo contem o menu -->

<%@include file="topo.jsp" %>

</div> <!-- final div topo contem o menu -->

<div id="conteudo"><!--  /*/*/*/*/*/*/*/*/*/*/*/*/ div CONTEUDO   /*/*/*/*/*/*/*/*/*/*/*/*/ -->

<div id="div_entrar">

<form action="cliente" method="post" name="form">
<input type="hidden" name="opcaoCliente" value="">
	<table width="100%" height="100%" cellpadding="0" cellspacing="0" >
        <tr>
        
         	<td style="width:20px;" valign="top">&nbsp;</td>
         
            <td style="width:340px;" valign="top" >

	<table width="300px" cellpadding="0" cellspacing="0" >
	
		<tr>
			<td style="height: 120px;">
				&nbsp;
			</td>
			
		</tr>

		<tr>
			<td style="padding-left: 22px;">
				<input type="text" name="emailLogin" value="Email..." class="input_entrar" />
			</td>
		</tr>

		<tr>
			<td style="height: 80px; padding-left: 22px;" valign="bottom" align="left">
				<input type="text" name="senhaLogin" value="Senha..." class="input_entrar"/>
			</td>
		</tr>
        <tr>
        
			<td style="height: 76px" >
				<table style="width: 100%">
					<tr>
						<td style="width: 256px; height: 113px; padding-left: 20px;" valign="bottom" align="left">Esqueceu a senha?</td>
						<td style="height: 113px" valign="bottom">
 					<input type="image" src="./imagens/button_ok.png" class="input_ok" onclick="validarCamposLogin()"/></td>
					</tr>
				</table>
			</td>
		
		</tr>

	

	</table>


            </td>
            
            <td style="width:20px;" valign="top">&nbsp;</td>
            
            <td style="width:380px;" valign="top">

		<table width="380px" cellpadding="0" cellspacing="0">
		
		<tr>
			<td style="height: 120px; width: 380px;">
				&nbsp;
			</td>
			
		</tr>

		<tr>
			<td style="padding-left: 18px; width: 380px;" valign="bottom" align="left">
				<input type="text" name="nome" value="Nome..." class="input_entrar" />
			</td>
		</tr>

		<tr>
			<td style="height: 80px; padding-left: 18px; width: 380px;" valign="bottom" align="left">
				<input type="text" name="email" value="E-mail..." class="input_entrar" />
			</td>
		</tr>
    		

		<tr>
			<td style="height: 82px; padding-left: 18px; width: 380px;" valign="bottom" align="left">
				<input type="text" name="cidade" value="Cidade..." class="input_entrar"/>			
			</td>
		</tr>
    
		<tr>
			<td style="height: 80px; padding-left: 18px; width: 380px;" valign="bottom" align="left">
				<table cellpadding="0" cellspacing="0" style="width: 100%">
					<tr>
						<td style="height: 40px; width: 140px"><input type="text" name="estado" value="Estado..." class="input_entrar" style="width:140px;"/></td>
						<td style="height: 40px; width: 50px">&nbsp;</td>
						<td style="height: 40px; width: 36px"><input type="text" name="dd" value="DD" class="input_entrar" style="width:36px; text-align: center;"/></td>
						<td style="height: 40px; width: 36px"><input type="text" name="mm" value="MM" class="input_entrar" style="width:36px; text-align: center;"/></td>
						<td style="height: 40px; width: 78px;"><input type="text" name="aaaa" value="AAAA" class="input_entrar" style="width:78px; text-align: center;"/></td>
						<td style="height: 40px">&nbsp;</td>
					</tr>
				</table>
			</td>
		</tr>
    
		<tr>
			<td style="height: 82px; width: 380px; padding-left: 2px;" valign="bottom" align="left">
				<table style="width: 100%">
					<tr style="height: 5px;">
						<td style="width: 5px">&nbsp;</td>
						<td style="width: 88px"><input name="Checkbox1" type="checkbox" class="checkbox"/></td>
						<td style="width: 88px"><input name="Checkbox4" type="checkbox" class="checkbox" /></td>
						<td style="width: 87px"><input name="Checkbox5" type="checkbox" class="checkbox"/></td>
						<td><input name="Checkbox7" type="checkbox"  class="checkbox"/></td>
					</tr>
					<tr style="height: 10px;">
						<td width: 5px;">&nbsp;</td>
						<td width: 88px;"><input name="Checkbox2" type="checkbox" class="checkbox" /></td>
						<td width: 88px;"><input name="Checkbox3" type="checkbox" class="checkbox" /></td>
						<td width: 87px;"><input name="Checkbox6" type="checkbox" class="checkbox"/></td>
						<td></td>
					</tr>
				</table>
				
			</td>
		</tr>
    
		<tr>
			<td style="height: 69px; padding-left: 22px; width: 380px;" valign="bottom" align="left">
				<input type="text" name="senha" value="Senha..." class="input_entrar" /></td>
		</tr>
    
		<tr>
			<td style="height: 97px; padding-left: 8px;" valign="bottom" align="left">
				
				<table style="width: 100%;valign="bottom" align="left">
					<tr>
						<td style="height: 97px; width: 310px;" valign="bottom" align="left">
						<input name="Checkbox8" type="checkbox" class="checkbox"/>
						</td>
						<td valign="bottom">
 					<input type="image" src="./imagens/button_ok.png" class="input_ok" onclick="validarCamposCadastro()" /></td>
					</tr>
				</table>
					
			</td>
		</tr>
    
	</table>
                
              
            </td>
        </tr>
    </table>

</form>  

</div> <!--  final div entrar -->

</div><!--  /*/*/*/*/*/*/*/*/*/*/*/*/ final div CONTEUDO   /*/*/*/*/*/*/*/*/*/*/*/*/ -->




<div id="rodape">

<%@include file="rodape.jsp" %>

</div>
</div>

</body>
</html>